// import { useRef } from 'react';

// import { useAntdTable } from 'ahooks';
// import { Button, DatePicker, Input, Popconfirm, Select, Table } from 'antd';
// import dayjs, { Dayjs } from 'dayjs';

// import Filter from '@/components/filter';
// import Text from '@/components/text';

// import { store } from '@/store';

// import { usePermission } from '@/auth';
// import { TimeSort } from '@/enum';
// import { proRunLogDelete, proRunLogPage } from '@/services/bizApi/shengchanyunxingrizhijiekou';

// import Edit, { EditRef } from './edit';

// /** 该模块增删改查对象 */
// export type BizObject = BIZAPI.ProRunLogEntity;

// const Page: React.FC = () => {
//   const permission = usePermission();
//   const edit = useRef<EditRef>(null);
//   const [filter] = Filter.useForm();
//   const table = useAntdTable(
//     async ({ current, pageSize }, { id, createTime, ...formData }) => {
//       const [timeBegin, timeEnd] = ((createTime as [Dayjs?, Dayjs?]) || []).map((v) =>
//         v?.format('YYYY-MM-DD HH:mm:ss')
//       );

//       const res = await proRunLogPage({
//         ...formData,
//         ...id,
//         timeBegin,
//         timeEnd,
//         page: current,
//         size: pageSize,
//         timeSort: TimeSort.倒序
//       });

//       return {
//         list: res.data?.records || [],
//         total: res.data?.total || 0
//       };
//     },
//     {
//       form: filter
//     }
//   );

//   const onSearch = () => {
//     table.search.submit();
//   };

//   const onReset = () => {
//     table.search.reset();
//   };

//   return (
//     <>
//       {/* 筛选 */}
//       <Filter
//         onFinish={onSearch}
//         form={filter}
//         extra={
//           <>
//             {permission.check() && (
//               <Button
//                 onClick={() => {
//                   edit.current?.open({
//                     type: 'add',
//                     onSuccess: () => {
//                       table.refresh();
//                     }
//                   });
//                 }}
//                 type="primary"
//               >
//                 新增
//               </Button>
//             )}
//           </>
//         }
//       >
//         <Filter.Item name="createTime">
//           <DatePicker.RangePicker placeholder={['开始日期', '结束日期']} />
//         </Filter.Item>

//         <Filter.Item name="theme">
//           <Select
//             style={{
//               width: 120
//             }}
//             allowClear
//             placeholder="请选择主题"
//             options={[
//               { value: '重要指令', label: '重要指令' },
//               { value: '普通指令', label: '普通指令' },
//               { value: '其他', label: '其他' }
//             ]}
//           />
//         </Filter.Item>
//         <Filter.Item name="content">
//           <Input placeholder="请输入内容" />
//         </Filter.Item>
//         <Filter.Item name="continueNext">
//           <Select
//             style={{
//               width: 200
//             }}
//             allowClear
//             placeholder="请选择是否延续下一班"
//             options={[
//               { value: true, label: '是' },
//               { value: false, label: '否' }
//             ]}
//           />
//         </Filter.Item>

//         <Filter.Item>
//           <Button htmlType="submit" disabled={table.loading}>
//             搜索
//           </Button>
//         </Filter.Item>

//         <Filter.Item>
//           <Button onClick={onReset} disabled={table.loading}>
//             重置
//           </Button>
//         </Filter.Item>
//       </Filter>
//       {/* end 筛选 */}

//       {/* 表格 */}
//       <Table<BizObject>
//         size="small"
//         columns={[
//           {
//             title: '序号',
//             dataIndex: 'index',
//             align: 'center',
//             width: 60,
//             render: (_text, _record, index) => index + 1
//           },
//           {
//             title: '日期',
//             dataIndex: 'time',
//             render: (v) => dayjs(v).format('YYYY-MM-DD')
//           },
//           {
//             title: '主题',
//             dataIndex: 'theme'
//             // render: (v) => {
//             //   const obj = NoticeStatusObj.get(v);

//             //   if (obj) {
//             //     return <Tag color={obj.color}>{obj.text}</Tag>;
//             //   }

//             //   return emptyText;
//             // }
//           },
//           {
//             title: '内容',
//             dataIndex: 'content'
//           },
//           {
//             title: '是否延续下一班',
//             dataIndex: 'continueNext',
//             render: (v) => (v ? '是' : '否')
//           },
//           {
//             title: '操作',
//             fixed: 'right',
//             align: 'center',
//             render: (_, row) => {
//               return (
//                 <Text.Space>
//                   {permission.check() && (
//                     <Text
//                       onClick={() => {
//                         edit.current?.open({
//                           type: 'edit',
//                           rowData: row,
//                           onSuccess: () => {
//                             table.refresh();
//                           }
//                         });
//                       }}
//                       type="primary"
//                     >
//                       编辑
//                     </Text>
//                   )}
//                   {permission.check() && (
//                     <Text
//                       onClick={() => {
//                         edit.current?.open({
//                           type: 'detail',
//                           rowData: row,
//                           onSuccess: () => {
//                             table.refresh();
//                           }
//                         });
//                       }}
//                       type="primary"
//                     >
//                       详情
//                     </Text>
//                   )}

//                   {permission.check() && (
//                     <Popconfirm
//                       title={`确定删除该日志吗？`}
//                       onConfirm={async () => {
//                         const res = await proRunLogDelete({
//                           id: row.id as unknown as string
//                         });

//                         store.app?.message.success(res.message);
//                         table.refresh();

//                         return res.success;
//                       }}
//                     >
//                       <Text type="danger">删除</Text>
//                     </Popconfirm>
//                   )}
//                 </Text.Space>
//               );
//             }
//           }
//         ]}
//         scroll={{
//           x: 'max-content'
//         }}
//         rowKey="id"
//         bordered
//         {...table.tableProps}
//         pagination={{
//           ...table.tableProps.pagination,
//           showTotal: (total) => `共 ${total} 条`,
//           showQuickJumper: true,
//           showSizeChanger: true,
//           pageSizeOptions: ['10', '20', '50', '100']
//         }}
//       />
//       {/* end表格 */}

//       <Edit ref={edit} />
//     </>
//   );
// };

// export default Page;
